<template>
  <router-link :to="routeHomePath" class="flex-center w-full nowrap-hidden">
    <h2 style="width: 48px" class="text-primary text-18px font-bold">MES |</h2>
    <h2
      v-show="showTitle"
      style="font-family: sans-serif, Helvetica, Arial"
      class="pl-8px text-14px text-primary transition duration-300 ease-in-out"
    >
      晶赛科技 MES 报表系统
      <br />
      晶威特&emsp; MES 报表系统
    </h2>
  </router-link>
</template>

<script setup lang="ts">
import { routePath } from '@/router';
defineOptions({ name: 'GlobalLogo' });

interface Props {
  /** 显示名字 */
  showTitle: boolean;
}

defineProps<Props>();

const routeHomePath = routePath('root');
</script>

<style scoped></style>
